/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
}

.clear {
	clear: both;
}

/*
 * Global add-ons
 */
.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-hby {
	border-bottom: 2px solid #329B39;
	opacity: 1;
	background: #fff;
}

/*
 * Sidebar
 */
.sub-nav {
	left: 20px;
	background: #fff url("../img/spc.png") no-repeat;
}
/* Hide for mobile, show later */
.sidebar {
	display: none;
}

@media ( min-width : 768px) {
	.sidebar {
		position: fixed;
		top: 51px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 20px;
		overflow-x: hidden;
		overflow-y: auto;
		/* Scrollable contents if viewport is shorter than content. */
		background-color: #f5f5f5;
		border-right: 1px solid #eee;
	}
}

/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}

.nav-sidebar>li>a {
	padding-right: 20px;
	padding-left: 20px;
}

.nav-sidebar>.active>a,.nav-sidebar>.active>a:hover,.nav-sidebar>.active>a:focus
	{
	color: #fff;
	background-color: #428bca;
}

/*
 * Main content
 */
.main {
	padding: 20px;
}

@media ( min-width : 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */
.placeholders {
	margin-bottom: 30px;
	text-align: center;
}

.placeholders h4 {
	margin-bottom: 0;
}

.placeholder {
	margin-bottom: 20px;
}

.placeholder img {
	display: inline-block;
	border-radius: 50%;
}

/*
main head
*/
BUTTON {
	LINE-HEIGHT: normal
}

SELECT {
	LINE-HEIGHT: normal
}

TEXTAREA {
	LINE-HEIGHT: normal
}

A {
	TEXT-DECORATION: none
}

.frame-head2 {
	Z-INDEX: 25;
	POSITION: relative;
	MIN-WIDTH: 960px;
	ZOOM: 1;
	BACKGROUND: #438eb9;
	HEIGHT: 50px;
	box-shadow: 0 1px 2px 0 RGBA(0, 0, 0, .3)
}

.frame-nav2 {
	Z-INDEX: 24;
	POSITION: absolute;
	WIDTH: 192px;
	BOTTOM: 0px;
	BACKGROUND: #f2f2f2;
	BORDER-RIGHT: #ccc 1px solid;
	TOP: 50px;
	LEFT: 0px
}

.frame-main2 {
	POSITION: absolute;
	BOTTOM: 0px;
	RIGHT: 0px;
	TOP: 50px;
	LEFT: 192px
}

.frame-head2 {
	POSITION: absolute;
	WIDTH: 100%;
	RIGHT: 0px;
	TOP: 0px;
	LEFT: 0px
}

.frame-head {
	Z-INDEX: 25;
	BORDER-BOTTOM: #329b39 2px solid;
	POSITION: absolute;
	MIN-WIDTH: 960px;
	WIDTH: 100%;
	BACKGROUND: #fff;
	HEIGHT: 60px;
	TOP: 0px;
	box-shadow: 0 1px 2px 0 RGBA(0, 0, 0, .3)
}

.frame-main-outer {
	POSITION: absolute;
	WIDTH: 100%;
	BOTTOM: 0px;
	HEIGHT: auto;
	TOP: 60px;
	_position: relative;
	_top: 0;
	_height: 100%
}

.frame-nav {
	POSITION: absolute;
	WIDTH: 192px;
	BOTTOM: 0px;
	BACKGROUND: #f2f2f2;
	HEIGHT: auto;
	OVERFLOW: hidden;
	BORDER-RIGHT: #ccc 1px solid;
	TOP: 0px;
	LEFT: 0px;
	_position: relative;
	_height: 100%;
	_left: 0;
	_margin-left: -100%;
	_float: left
}

.frame-Container {
	PADDING-LEFT: 192px;
	FLOAT: left;
	HEIGHT: 100%
}

.frame-main {
	Z-INDEX: 23;
	POSITION: absolute;
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 4px;
	WIDTH: auto;
	BOTTOM: 0px;
	PADDING-RIGHT: 4px;
	HEIGHT: 100%;
	OVERFLOW: auto;
	RIGHT: 0px;
	PADDING-TOP: 4px;
	TOP: 0px;
	LEFT: 192px;
	_position: relative;
	_height: 100%;
	_left: 0
}

.frame-main-cont-head .main-header {
	BOX-SIZING: content-box;
	BORDER-BOTTOM: #e5e5e5 1px dotted;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 12px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	HEIGHT: 40px;
	PADDING-TOP: 5px
}

.frame-main-cont-head {
	BACKGROUND-COLOR: #fff;
	BACKGROUND-REPEAT: repeat
}

.frame-main-cont-body {
	BACKGROUND-COLOR: #fff;
	BACKGROUND-REPEAT: repeat
}

.main-header .nui-ipt {
	VERTICAL-ALIGN: baseline
}

.main-header .nui-btn {
	VERTICAL-ALIGN: baseline
}

.main-header .nui-chk {
	VERTICAL-ALIGN: baseline
}

.nui-position {
	WIDTH: 350px;
	FLOAT: left;
	COLOR: #8089a0
}

.nui-position IMG {
	MARGIN-TOP: 23px;
	FLOAT: left;
	MARGIN-RIGHT: 5px
}

.nui-position .position1 {
	PADDING-RIGHT: 8px;
	FLOAT: left;
	COLOR: #329b39;
	FONT-SIZE: 24px
}

.nui-position .position2 {
	LINE-HEIGHT: 50px
}

.nui-ass {
	MARGIN-TOP: 5px;
	FLOAT: right
}

.tY0 {
	Z-INDEX: 25;
	POSITION: relative
}

.tG0 {
	Z-INDEX: 8;
	POSITION: absolute;
	TOP: 5px;
	LEFT: 12px
}

.sU0 {
	Z-INDEX: 7;
	POSITION: absolute;
	WIDTH: 340px;
	RIGHT: 12px
}

.ruA {
	BACKGROUND-COLOR: #892e65;
	MARGIN: 0px 1px;
	WIDTH: 55px;
	FLOAT: right;
	HEIGHT: 50px;
	CURSOR: pointer
}

.ruM {
	BACKGROUND-COLOR: #2e8965;
	MARGIN: 0px 1px;
	WIDTH: 55px;
	FLOAT: right;
	HEIGHT: 50px;
	CURSOR: pointer
}

.ruI {
	BACKGROUND-COLOR: #fff;
	MARGIN: 0px 1px;
	WIDTH: 160px;
	FLOAT: right;
	HEIGHT: 50px
}

.ruE {
	BACKGROUND-COLOR: #fff;
	MARGIN: 0px 1px;
	WIDTH: 55px;
	FLOAT: right;
	HEIGHT: 50px;
	CURSOR: pointer
}

.ru-photo {
	MARGIN: 8px 8px 0px;
	WIDTH: 40px;
	FLOAT: left;
	HEIGHT: 40px
}

.ru-ico {
	MARGIN: 17px 0px 0px 8px;
	FLOAT: left
}

.ru-ico-e {
	MARGIN: 8px 0px 0px 15px
}

.ruI-n {
	MARGIN-TOP: 6px;
	COLOR: #666
}

.ru-nb {
	TEXT-ALIGN: center;
	MARGIN: 16px 0px 0px 30px;
	WIDTH: 20px;
	HEIGHT: 20px;
	-webkit-border-radius: 10px
}

.ru-nbA {
	BACKGROUND-COLOR: #d15b47
}

.ru-nbM {
	BACKGROUND-COLOR: #82af6f
}

.rL0 {
	BACKGROUND-POSITION: -208px -96px
}

.pE0 {
	BACKGROUND-POSITION: -208px -144px
}

.pV0 {
	BACKGROUND-POSITION: -208px -192px
}

.sl0 {
	BACKGROUND-POSITION: -208px -240px
}

.pA0 {
	BACKGROUND-POSITION: -208px -240px
}

.rG0 {
	BACKGROUND-POSITION: -208px -288px;
	TOP: 6px
}

.nav-item {
	BORDER-BOTTOM: #e5e5e5 1px solid;
	POSITION: relative;
	PADDING-BOTTOM: 8px;
	LIST-STYLE-TYPE: none;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 0px;
	BACKGROUND: #f9f9f9;
	BORDER-TOP: #fcfcfc 1px solid;
	PADDING-TOP: 8px;
	-margin: top:-5px
}

.nav-item A {
	COLOR: #585858
}

.nav-item-cur {
	BACKGROUND: #fff;
	BORDER-TOP-WIDTH: 0px;
	COLOR: #0b6cbc
}

.nav-item-cur A {
	COLOR: #0b6cbc
}

.nav-item-t {
	TEXT-INDENT: 30px;
	CURSOR: pointer;
	-margin-top: -3px
}

.nav-sub A {
	LINE-HEIGHT: 32px
}

.nav-item-img {
	VERTICAL-ALIGN: middle;
	MARGIN-RIGHT: 8px
}

.nav-item-curimg {
	POSITION: absolute;
	FLOAT: right;
	RIGHT: -2px;
	TOP: 0px
}

.nav-item-arrow {
	TEXT-ALIGN: right;
	PADDING-RIGHT: 12px;
	HEIGHT: 20px;
	VERTICAL-ALIGN: middle;
	CURSOR: pointer
}

.nav-item-arrow IMG {
	MARGIN-TOP: 5px
}

.nav-item-sub {
	BORDER-BOTTOM: #e5e5e5 1px dotted;
	PADDING-BOTTOM: 0px;
	BACKGROUND-COLOR: #fefefe;
	PADDING-LEFT: 18px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}

.nav-shrinkage {
	BORDER-BOTTOM: #e5e5e5 1px solid;
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 13px;
	PADDING-RIGHT: 13px;
	HEIGHT: 22px;
	BORDER-TOP: #fcfcfc 1px solid;
	PADDING-TOP: 1px
}

.nav-line {
	TEXT-ALIGN: center;
	BACKGROUND: url(/images/Line.png);
	HEIGHT: 22px;
	PADDING-TOP: 2px
}

.btnn {
	BORDER-BOTTOM: #c1c1c1 1px solid;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#f4f4f4');
	BORDER-LEFT: #c1c1c1 1px solid;
	PADDING-BOTTOM: 0px;
	OUTLINE-STYLE: none;
	PADDING-LEFT: 13px;
	WIDTH: 60px;
	PADDING-RIGHT: 13px;
	DISPLAY: inline-block;
	FONT: 14px/2 ו;
	BACKGROUND: #fff;
	HEIGHT: 30px;
	COLOR: #555;
	VERTICAL-ALIGN: middle;
	BORDER-TOP: #c1c1c1 1px solid;
	CURSOR: pointer;
	MARGIN-RIGHT: 10px;
	BORDER-RIGHT: #c1c1c1 1px solid;
	PADDING-TOP: 0px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	border-radius: 2px
}

.btnn-sp {
	BORDER-BOTTOM: #2c791c 1px solid;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59BE49',
		endColorstr='#5EA933');
	BORDER-LEFT: #2c791c 1px solid;
	BACKGROUND: #23902c;
	COLOR: #fff;
	BORDER-TOP: #2c791c 1px solid;
	BORDER-RIGHT: #2c791c 1px solid;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
}

.btnn:hover {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(enabled=false);
	BACKGROUND: #23902c;
	COLOR: #555
}

.btnn-sp:hover {
	FILTER: progid:DXImageTransform.Microsoft.Gradient(enabled=false);
	BACKGROUND: #23902c;
	COLOR: #fff
}

.content-main {
	MARGIN: 12px 12px 0px
}

.search-cont {
	BOX-SIZING: content-box;
	BORDER-BOTTOM: #d0d0d0 0px solid;
	BORDER-LEFT: #d0d0d0 1px solid;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	BACKGROUND: #f8f8f8;
	HEIGHT: 30px;
	BORDER-TOP: #d0d0d0 1px solid;
	BORDER-RIGHT: #d0d0d0 1px solid;
	PADDING-TOP: 10px
}

.search-cond {
	FLOAT: left
}

.search-oper {
	FLOAT: right
}

.tab-data {
	BORDER-LEFT: #d0d0d0 1px solid;
	BORDER-SPACING: 0;
	WIDTH: 100%;
	BORDER-COLLAPSE: collapse;
	BORDER-TOP: #d0d0d0 1px solid;
	BORDER-RIGHT: #d0d0d0 1px solid
}

.tab-data TH {
	BORDER-BOTTOM: #d0d0d0 1px solid;
	TEXT-ALIGN: center;
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	BACKGROUND: url(../img/tab-thead.png) #f0f0f0 repeat-x 0px 0px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: bold;
	BORDER-RIGHT: #d0d0d0 1px solid;
	PADDING-TOP: 3px
}

.tab-data TD {
	BORDER-BOTTOM: #d0d0d0 1px solid;
	PADDING-BOTTOM: 5px;
	PADDING-LEFT: 15px;
	PADDING-RIGHT: 15px;
	PADDING-TOP: 5px
}

.input-txt {
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	COLOR: #555;
	FONT-SIZE: 14px;
	BORDER-TOP: #ddd 1px solid;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 2px
}

.paging {
	WIDTH: 100%
}

.paging TABLE {
	BORDER-BOTTOM: #d0d0d0 1px solid;
	BORDER-LEFT: #d0d0d0 1px solid;
	WIDTH: 100%;
	MARGIN-BOTTOM: 8px;
	BORDER-TOP: #d0d0d0 0px solid;
	BORDER-RIGHT: #d0d0d0 1px solid
}

.paging TABLE TD {
	PADDING-RIGHT: 8px
}

.uploading {
	LINE-HEIGHT: 24px;
	PADDING-LEFT: 18px;
	DISPLAY: none;
	BACKGROUND: url(/Images/loading2.gif) no-repeat left center;
	FLOAT: left;
	HEIGHT: 24px;
	COLOR: #333
}

.attach_list {
	CLEAR: both
}

.attach_list UL LI {
	BORDER-BOTTOM: #deeff3 1px solid;
	BORDER-LEFT: #deeff3 1px solid;
	PADDING-BOTTOM: 2px;
	LINE-HEIGHT: 20px;
	LIST-STYLE-TYPE: none;
	MARGIN: 5px 20px auto auto;
	PADDING-LEFT: 23px;
	PADDING-RIGHT: 3px;
	BACKGROUND: url(/Images/icon_attach.png) no-repeat 3px 4px;
	BORDER-TOP: #deeff3 1px solid;
	BORDER-RIGHT: #deeff3 1px solid;
	PADDING-TOP: 2px
}

.attach_list UL LI B {
	TEXT-INDENT: -9999px;
	MARGIN: 3px auto auto 5px;
	WIDTH: 13px;
	DISPLAY: block;
	BACKGROUND: url(/Images/icon_del2.gif) no-repeat left top;
	FLOAT: right;
	HEIGHT: 13px;
	CURSOR: pointer
}

.wid650 {
	WIDTH: 650px
}

.wid600 {
	WIDTH: 600px
}

.wid530 {
	WIDTH: 530px
}

.margin-bottom20 {
	margin-bottom: 20px;
}

.grey-line {
	border-bottom: 2px solid #e5e5e5;
}

.padding15 {
	padding: 15px;
}

.fleft {
	FLOAT: left
}

.fright {
	FLOAT: right
}

.listRow {
	background: rgb(255, 255, 255);
}

.listRow:hover {
	background-color: #4f9fcf;
}

.addFamBtn {
	cursor: pointer;
	margin-left: 10%;
	width: 20%;
}
.loginBG{
	 position:absolute;
	 background:url(../img/login_bg.png) no-repeat;
	 background-size:100%;
	 height:100%;
	 width:100%;
}
.redMessage{
	color:red;
}
.padding10-15{
	padding: 10px 15px;
}
.marginright15{
	margin-right : 15px;
}
.inlineBlock{
	display:inline-block;
}
.sidebar{
	position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}
.tab_nav {
    margin: 8px auto;
    height: 50px;
    line-height: 23px;
    border-bottom: 1px #e1e1e1 solid;
    font-family: "微软雅黑";
}
.tab_nav li.selected, .tab_nav li.selected a:hover {
    background: none;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    _border-top: 1px;
}
.tab_nav li {
    float: left;
    height: 22px;
    margin: 0 20px 0 5px;
    border: 1px #e1e1e1 solid;
    border-bottom: 0;
    text-align: center;
}
ul, li, dl, dt, dd {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}
.trActive {
	background-color: #428bca;
}